
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sonsie+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="<?= $this->config->base_url(); ?>assets/js/jquery.easy-pie-chart.js"></script>

<link rel="stylesheet"type="text/css" href="<?= $this->config->base_url(); ?>assets/css/jquery.easy-pie-chart.css" />

      <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script>
      <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-popover.js"></script>
      <script>
      $(function (){
         $(".pop").popover({placement : 'top'});
      });
      </script>

<style type="text/css">


input[type=text]{	
	border:none;	
	}
	.title{
		/*color: #5b5f66;*/
		font-size: 11px;
		text-transform: uppercase;
		font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
	}
	.title2{
		color: #5b5f66;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
	}
	a.title{
		color: #fff;
	}
	.titlename{
		color: #a30534;
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
	}
	.show{
		color: #5b5f66; 
		font-size: 9px;
		font-weight: 600;
		text-transform: uppercase;
		font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
		padding-right: 20px;
	}
	.chemical{
		width: 60px; height:40px; background-color: #32b49a;
		font-family:'Josefin Sans', sans-serif;
		color: #fff;
		font-size: 48px;
		padding: 10px;
	}
	.minibox{
		width: 160px;
		height: 100px;
		margin-top: 120px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		float: left;
		-webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.1);
   		-moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.1);
   		box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
		
	}
	#box-1{
		width: 180px;
		height: 110px;
		border: 1px solid #ccc;
		padding: 10px;
		color: #fff;
	}
	#box-2{
		width: 260px;
		height: 110px;
		border: 1px solid #ccc;
		color: #fff;
	}
	.profile-pic{
		background: url('<?= $this->config->base_url(); ?>assets/uploads/<?php echo $this->common_model->get_profile_image_id($userid);?>') no-repeat;
		background-size: 135px 135px;
		width: 135px;
		height: 135px;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		margin-left: 50px;
		margin-top: 45px;
	}
	#pic{
		width: 300px; height: 280px;
		
	}
	.btn-rounded1 {
    border-radius: 5px 0px 0px 5px;
	}
	.btn-rounded2 {
    border-radius: 0px 5px 5px 0px;
	}
	.post{
		border: 1px solid #ccc;
		padding: 10px;
		width: 100%;
		background-color: #fff;
	}
	
	.right-box{
		width: 300px;
		height: 130px;
		border: 1px solid #ccc;
		margin-top: 10px;
		background-color: #fff;
	}
	.right-star{
		width: 300px;
		height: 106px;
		border: 1px solid #ccc;
		margin-top: 10px;
		/*	background-image:url('<?= $this->config->base_url(); ?>assets/images/starbg.jpg ?>');*/
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	.right-follow{
		width: 300px;
		height: 118px;
		border: 1px solid #ccc;
		margin-top: 10px;
		/*background-image:url('<?= $this->config->base_url(); ?>assets/images/followbg.jpg ?>');*/
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	.manual-body{
		background: url('<?= $this->config->base_url(); ?>assets/images/circuit.png') fixed;
	}
	h4{
		font-family:'Josefin Sans', sans-serif;
		color: #64595f;
	}
	.badges{
		/*background-image:url('<?= $this->config->base_url(); ?>assets/images/badgesa.jpg ?>');*/
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	.thanks{
	/*	background-image:url('<?= $this->config->base_url(); ?>assets/images/thankbg.jpg ?>');*/
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	
}
</style>

<div class="manual-body">
<div class="row-fluid">

<!--<div class="span9">
	<input type="hidden" name="user" value="<?php echo ucfirst($this->common_model->get_username_id($userid));?>" readonly /><h4><?php echo ucfirst($this->common_model->get_username_id($userid));?></h4><br>
	<?php foreach ($designationbyid as $deg):?>
		<h5 style="margin-top: -20px;"><?php echo $deg->name;?></h5>
		<?php endforeach?>
</div>
<div class="span1">
	<?php echo form_open('user/wallpage/thanks/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
<input type="submit" class="btn btn-info" value="Thanks"/>
</form>
</div>
<div class="span1">
<?php echo form_open('user/wallpage/follow/')?>
	<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
	<input type="submit" name="follow" class="btn btn-success" value="Follow"/>
	</form>
	</div>
-->

</div>


<!--<div class="row-fluid">
<img src="<?= $this->config->base_url(); ?>assets/images/a.png ?>">
</div>-->


<div class="row-fluid" >
<div class="span2" style="margin-top: 40px; margin-left: 40px;">
	<div class="chart1" data-percent="73" ><b style="font-size: 24px">73%</b></div>
	<p align="center" class="title2">Work hour</p>
</div>
<div class="span2" style="margin-top: 40px">
	<div class="chart2" data-percent="50"><b style="font-size: 24px">50%</b></div>
	<p align="center" class="title2">Tasks Completed</p>
</div>
<div class="span2" style="margin-top: 40px">
	<div class="chart3" data-percent="90"><b style="font-size: 24px">90%</b></div>
	<p align="center" class="title2">Todo's done</p>
</div>
<div class="span2" style="margin-top: 40px">
	<div class="chart4" data-percent="85"><b style="font-size: 24px">85%</b></div>
	<p align="center" class="title2">Goals Achieved</p>
</div>

<div class="span2" id="pic">
	<div class="profile-pic">
			<img src="<?= $this->config->base_url(); ?>assets/images/ro.png">
			<div style="margin-top: 20px;">
			<input type="hidden" name="user" value="<?php echo ucfirst($this->common_model->get_username_id($userid));?>" readonly /><p class="titlename" align="center"><?php echo ucfirst($this->common_model->get_username_id($userid));?><br>
	<?php foreach ($designationbyid as $deg):?>
		<?php echo $deg->name;?></p>
		<?php endforeach?>
		</div>
	</div>
</div>

</div>

<div class="row-fluid">
<div class="span9"></div>
<div class="span3" style="margin-top:-20px; margin-left: 28px;">
	<div class="span3">
	<?php echo form_open('user/wallpage/thanks/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
<input type="submit" class="btn btn-rounded1 btn-info " value="Thanks"/>
</form>
</div>
<div class="span2">
<?php echo form_open('user/wallpage/follow/')?>
	<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
	<input type="submit" name="follow" class="btn btn-rounded2 btn-success" value="Follow"/>
	</form>
	</div>
	</div>
</div>
<br>

<script type="text/javascript">
$(function() {
 	
    $('.chart1').easyPieChart({
        animate: 4000,
		lineWidth:8,
		barColor: '#4cc5cd',
			
    });
	$('.chart2').easyPieChart({
        animate: 3000,
		lineWidth:8,
		barColor: '#e17f90',
    });
	$('.chart3').easyPieChart({
        animate: 4000,
		lineWidth:8,
		barColor: '#a8c77b',
    });
	$('.chart4').easyPieChart({
        animate: 3000,
		lineWidth:8,
		barColor: '#93c4e4',
    });
	
});
</script>





<!--<div class="row-fluid">

<div class="span4">
	<input type="hidden" name="user" value="<?php echo ucfirst($this->common_model->get_username_id($userid));?>" readonly /><h4><?php echo ucfirst($this->common_model->get_username_id($userid));?></h4><br>
	<?php foreach ($designationbyid as $deg):?>
		<h5 style="margin-top: -20px;"><?php echo $deg->name;?></h5>
		<?php endforeach?>
		<div class="chemical">
		<?php 
		 $str = $this->common_model->get_username_id($userid);
		 $first = substr($str, 0, 1); 
		 $fourth = substr($str, 3, 1);
		 echo ucfirst($first);
		 echo $fourth;
		?>
		</div>

		
</div>

</div>-->


<div class="row-fluid">
<div class="span12" style="border-top: 1px solid #ccc">
<?php include('application/views/common/tabs.php'); ?>
</div>
</div>

<div class="row-fluid">
	<div class="span8 post" >
	<?php if($this->session->flashdata('msg')): ?>
<div class="alert alert-success" ><?php echo $this->session->flashdata('msg')?></div>
<?php endif;?>



<?php echo form_open('user/wallpage/wallpost/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
<textarea class="form-control input-lg no-border" name="content" placeholder="Post on <?php echo ucfirst($this->common_model->get_username_id($userid));?>'s wall..." style="width:680px; height:100px; resize:none;"></textarea><br>
<input  type="submit" value="POST" class="btn btn-success pull-right"/>
</form>

<br><br>

<?php foreach($userpost as $userfrom):?>
<div style="width: 550px;">
	
	<div style="width: 50px; height:70px;float: left;margin-top: 30px;">
		<img class="img-polaroid" width="60" height="80" src="<?= $this->config->base_url(); ?>assets/uploads/<?php echo $userfrom->profile_image;?>" />
	</div>
	<div style="width: 470px; height:80px;  float: left; margin-left: 20px;margin-top: 30px;">
		<div style="float: left"><b><?php echo $userfrom->username;?></b></div>
		<div style="float: right"><?php $date = $userfrom->date; $ts = strtotime($date); echo date('d M Y', $ts); ?></div><br>
		<?php echo $userfrom->content;?>
		<br>
		<a href="<?php echo site_url('user/wallpage/delete_wallpost').'/'.$userfrom->wallpostid?>"><i class="icon-trash"></i></a>
	</div>
	
</div>

<?php endforeach;?>


	</div>
	<div class="span4">
		 <script>
    //tooltip
    var tooltips = $( "[title]" ).tooltip();
    $(document)(function() {
    tooltips.tooltip( "open" );
    })
    });
</script>

	
	<div class="span11 right-box badges">
	<div style="padding: 5px; border-bottom: 1px solid #999; background-color: #9b0000">
	<a class="title">
		BADGES:</div>
		</a>
		<div style=" padding: 10px; padding-left: 22px;">
		<?php if(!empty($badgesidarray)){?>
		<img class="pop" src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $badgesidarray[0]['image'];?>" title="<?php echo $badgesidarray[0]['name'];?> : <?php echo $badgesidarray[0]['description'];?>"> 
		<img class="pop" src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $badgesidarray[1]['image'];?>" title="<?php echo $badgesidarray[1]['name'];?> : <?php echo $badgesidarray[1]['description'];?>"> 
		<img class="pop" src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $badgesidarray[2]['image'];?>" title="<?php echo $badgesidarray[2]['name'];?> : <?php echo $badgesidarray[2]['description'];?>"> 
		<img class="pop" src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $badgesidarray[3]['image'];?>" title="<?php echo $badgesidarray[3]['name'];?> : <?php echo $badgesidarray[2]['description'];?>"> 
		<img class="pop" src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $badgesidarray[4]['image'];?>" title="<?php echo $badgesidarray[4]['name'];?> : <?php echo $badgesidarray[2]['description'];?>"> 
		<?php }else{ echo "<h4>NO BADGES ASSIGNED</h4>"; } ?></div>
		<div style="padding:2px;border-top:1px solid #ccc;">
		<a data-toggle="modal" href="#windowTitleDialog" class="show pull-right" >VIEW ALL</a>
		</div>
		</div>
		
		<div class="span11 right-box thanks" >
	<div style="padding: 5px;border-bottom: 1px solid #999;background-color: #9b0000">
	<a class="title">
		Thanks received:</div>
		</a>
		
		<div style="padding: 10px; padding-left: 22px;">
			 <img src="<?= $this->config->base_url(); ?>assets/images/badges/rocket.png"/>
		
			<a style="font-family: 'Roboto Slab', serif;font-weight: 400; color:#333; font-size: 32px; margin-left:50px;">
		 <?php 
print_r(count($number_of_thanks));
?></a>
	
</div>
	<div style="padding:2px;border-top:1px solid #ccc;">
	<a data-toggle="modal" href="#windowTitleDialog2"  class="show pull-right">FROM</a>
	</div>
		 </div>
			<br>
			<div class="span11 right-star">
	<div style="padding: 5px;border-bottom: 1px solid #999;background-color: #9b0000">
	<a class="title">
		Stars Earned:</div>
		</a>
		<div style="padding: 10px; padding-left: 22px;">
		 <img src="<?= $this->config->base_url(); ?>assets/images/badges/teacher.png"  />
			<a style="font-family: 'Roboto Slab', serif;font-weight: 400; color:#333; font-size: 32px;margin-left:50px">

		 		 <?php 
$items = array();
$count = 0;
foreach($number_of_stars as $j => $star) { 
 $items[$count++] = $star; 
} 
if (!empty($j)){
	print_r($j+1); 
	}else{
		echo "0";
	}
?></a>
	
</div>
</div>
	
<br>
			<div class="span11 right-follow">
	<div style="padding: 5px; border-bottom: 1px solid #999;background-color: #9b0000">
	<a class="title">FOLLOWERS:</a></div>
	
		<div style="padding: 10px; padding-left: 22px;">
		<?php if(!empty($followersarray)){ ?>
		<img class="img-polaroid pop" width="40" height="42" src="<?= $this->config->base_url(); ?>assets/uploads/<?php
		if(!empty($followersarray[0]))
		{
			echo $followersarray[0]['profile_image'];
		}
		?>" title="<?php 
		if(!empty($followersarray[0]))
		{
		echo $followersarray[0]['username'];
		}
		?> "> 
		<img class="img-polaroid pop" width="40" height="42" src="<?= $this->config->base_url(); ?>assets/uploads/<?php
		if(!empty($followersarray[1]))
		{
			echo $followersarray[1]['profile_image'];
		}
		?>" title="<?php 
		if(!empty($followersarray[1]))
		{
		echo $followersarray[1]['username'];
		}
		?> "> 
			<img class="img-polaroid pop" width="40" height="42" src="<?= $this->config->base_url(); ?>assets/uploads/<?php
		if(!empty($followersarray[2]))
		{
			echo $followersarray[2]['profile_image'];
		}
		?>" title="<?php 
		if(!empty($followersarray[2]))
		{
		echo $followersarray[2]['username'];
		}
		?> "> 
			<img class="img-polaroid pop" width="40" height="42" src="<?= $this->config->base_url(); ?>assets/uploads/<?php
		if(!empty($followersarray[3]))
		{
			echo $followersarray[3]['profile_image'];
		}
		?>" title="<?php 
		if(!empty($followersarray[3]))
		{
		echo $followersarray[3]['username'];
		}
		?> "> 
			<img class="img-polaroid pop" width="40" height="42" src="<?= $this->config->base_url(); ?>assets/uploads/<?php
		if(!empty($followersarray[4]))
		{
			echo $followersarray[4]['profile_image'];
		}
		?>" title="<?php 
		if(!empty($followersarray[4]))
		{
		echo $followersarray[4]['username'];
		}
		?> "> 
		<?php }else{ echo "<h4>NO FOLLOWERS</h4>"; } ?>
		</div>

	<div style="padding:2px;border-top:1px solid #ccc;">
	<a data-toggle="modal" href="#windowTitleDialog1"  class="show pull-right" >VIEW ALL</a>
	</div>
</div>


<script>
			$(document).ready(function() {
				$('#windowTitleDialog').bind('show', function () {
					document.getElementById ("xlInput").value = document.title;
					});
				});
			function closeDialog () {
				$('#windowTitleDialog').modal('hide'); 
				};
			function okClicked () {
				document.title = document.getElementById ("xlInput").value;
				closeDialog ();
				};
			</script>
<div id="windowTitleDialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true">
				<div class="modal-header">
					<a href="#" class="close" data-dismiss="modal">&times;</a>
					<h3>Badges Earned</h3>
					</div>
				<div class="modal-body">
					<div class="divDialogElements">
						<input class="xlarge" id="xlInput" name="xlInput" type="hidden" />
						<?php echo form_open('founder/wallpage/assign_badges/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
		<div style="margin-left: 70px;">
		<?php foreach($badgesid as $row):?>
		<a href="#" data-placement="top" title="<?php echo $row->name;?> : <?php echo $row->description;?>">
		<img src="<?= $this->config->base_url(); ?>assets/images/badges/<?php echo $row->image;?>"> 
		</a>
	  	<?php endforeach; ?></div>
				
					</div>
					</div>
				<div class="modal-footer">
					<a href="#" data-dismiss="modal" class="btn btn-success" id="1" onclick="closeDialog();">Close</a>
					</form>
					</div>
				</div>





<script>
			$(document).ready(function() {
				$('#windowTitleDialog1').bind('show', function () {
					document.getElementById ("xlInput1").value = document.title;
					});
				});
			function closeDialog () {
				$('#windowTitleDialog1').modal('hide'); 
				};
			function okClicked () {
				document.title = document.getElementById ("xlInput1").value;
				closeDialog ();
				};
			</script>
<div id="windowTitleDialog1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true">
				<div class="modal-header">
					<a href="#" class="close" data-dismiss="modal">&times;</a>
					<h3>Followers</h3>
					</div>
				<div class="modal-body">
					<div class="divDialogElements">
						<input class="xlarge" id="xlInput1" name="xlInput1" type="hidden" />
						<?php echo form_open('founder/wallpage/assign_badges/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
				<div style="margin-left: 70px; margin-top: 20px;">
				<?php foreach($followers as $follow):?>
  <img class="img-polaroid" width="60" height="80" src="<?= $this->config->base_url(); ?>assets/uploads/<?php echo $follow->profile_image;?>" title=" <?php	echo $follow->username; ?>" />
	<?php endforeach;?>
				</div>

						</div>
					</div>
				<div class="modal-footer">
					<a href="#" data-dismiss="modal" class="btn btn-success" onclick="closeDialog();">Close</a>
					</form>
					</div>
				</div>
				
				
				
				
<script>
			$(document).ready(function() {
				$('#windowTitleDialog2').bind('show', function () {
					document.getElementById ("xlInput2").value = document.title;
					});
				});
			function closeDialog () {
				$('#windowTitleDialog2').modal('hide'); 
				};
			function okClicked () {
				document.title = document.getElementById ("xlInput2").value;
				closeDialog ();
				};
			</script>
<div id="windowTitleDialog2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true">
				<div class="modal-header">
					<a href="#" class="close" data-dismiss="modal">&times;</a>
					<h3>Thanks Received</h3>
					</div>
				<div class="modal-body">
					<div class="divDialogElements">
						<input class="xlarge" id="xlInput2" name="xlInput2" type="hidden" />
						<?php echo form_open('founder/wallpage/assign_badges/')?>
<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
				<div style="margin-left: 50px; margin-top: 30px;">
				<?php foreach($thanksreceived as $thank):?>
  <img class="img-polaroid" width="60" height="80" src="<?= $this->config->base_url(); ?>assets/uploads/<?php echo $thank->profile_image; ?>" title=" <?php	echo $thank->username; ?>" />
	<?php endforeach;?>
				</div>

						</div>
					</div>
				<div class="modal-footer">
					<a href="#" data-dismiss="modal" class="btn btn-success" onclick="closeDialog();">Close</a>
					</form>
					</div>
				</div>
</div>